<template>
    <div class="app">
        <div>
            <h2 class="ui-front">企业介绍</h2>
            <div class="conn_two">
                <div>
                    <span>多年来，承蒙社会各界人士的关心和帮助，盛达集团凭借自己的勇气、信念和毅力，励精图治，艰苦创业，走过了一条坚实执着的发展之路，构建起矿业开发、地产文旅、酒类文化、金融资管、医疗健康等产业板块组成的多元化大型实业集团，取得了令人瞩目的业绩。</span>
                </div>
            </div>
        </div>
        <div>
            <h2 class="ui-front">追求卓越 引领未来</h2>
            <p>未来的竞争是技术创新的竞争，也是持续发展的竞争，盛达积极探索，勇于进取，致力走在创新发展的最前沿</p>
            <div style="width: 1200px; height: 500px; margin: auto">
                <div class="conn_lf">
                    <h1 style="margin-top: 50px">董事长致辞</h1>
                    <span>多年来，承蒙社会各界人士的关心和帮助，盛达集团凭借自己的勇气、信念和毅力，励精图治，艰苦创业，走过了一条坚实执着的发展之路，构建起矿业开发、地产文旅、酒类文化、金融资管、医疗健康等产业板块组成的多元化大型实业集团，取得了令人瞩目的业绩。</span>
                </div>
                <div class="conn_rt">
                    <div id="conn_rt_1">
                            右1
                    </div>
                    <div id="conn_rt_2">
                        右2
                    </div>
                </div>
            </div>
        </div>
        <div>
            <h2 class="ui-front">公司荣誉</h2>
            <div class="conn_three">
                <img src="../../assets/insddc/insddc_5.webp">
            </div>

        </div>
    </div>
</template>

<script>
    export default {
        name: 'WrjTwo',
        data() {
            return {

            }
        },
    }

</script>

<style scoped>

    .ui-front{
        color: red;
        font-weight: normal;
    }
    .conn_two{
        margin: auto;
        background: url(../../assets/insddc/insddc_1.jpeg) no-repeat ;
        background-size: 100% 100%;
        width: 1200px;
        height: 400px;
        color: #333333;
    }
    .conn_two span{
        font-size: 22px;
        line-height: 29px;
        text-align: left;
        padding: 70px;
    }
    span{
        display: block;
        margin-top: 40px;
        font-size: 16px;
        line-height: 29px;
    }
    .conn_lf{
        float: left;
        background: url(../../assets/insddc/insddc_2.jpeg) no-repeat ;
        background-size: 100% 100%;
        width: 45%;
        height: 100%;
        padding-left: 44px;
        color: #fff;
        text-align: left;
    }
    .conn_rt{
        float: right;
        width: 47%;
        height: 100%;
        color: #fff;
    }
    #conn_rt_1{
        display: block;
        background: url(../../assets/insddc/insddc_3.webp) no-repeat ;
        background-size: 100% 100%;
        width: 100%;
        height: 49%;
        color: #fff;
    }
    #conn_rt_2{
        background: url(../../assets/insddc/insddc_4.webp) no-repeat ;
        background-size: 100% 100%;
        width: 100%;
        height: 49%;
        color: #fff;
    }
    .conn_three > img{
        width: 1200px;
        height: 400px;
    }

</style>